<template>
	<view class="j-xiaJinList">
		<view class="item" v-for="(item, index) in list" :key="index">
			<u-avatar :src="item.image" size="80rpx"></u-avatar>
			<view class="info-1 other-1">
				<text class="phone">{{ phone_mask(item.username) }}</text>
				<text class="t2">{{ item.dtTime }}</text>
			</view>
			<view class="info-1 other-2">
				<text class="yongjin">￥{{ item.yongjin || 0 }}</text>
				<text class="txt">贡献奖励</text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'j-xiaJinList',
	props: {
		list: {
			type: Array,
			default: () => {
				return [];
			}
		}
	},
	data() {
		return {
			src: ''
		};
	}
};
</script>

<style lang="less" scoped>
.j-xiaJinList {
	.item {
		display: flex;
		align-items: center;
		width: 686rpx;
		height: 160rpx;
		margin-top: 16rpx;
		padding: 40rpx 24rpx;
		background: #ffffff;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		.info-1 {
			flex: 1;
			display: flex;
			flex-direction: column;
			.phone {
				font-size: 32rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #000000;
			}
			.t2 {
				font-size: 24rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
			}
		}
		.other-1 {
			margin-left: 24rpx;
		}
		.other-2 {
			text-align: right;

			font-size: 32rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #000000;
			.yongjin {
				font-size: 32rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #000000;
			}
			.txt {
				font-size: 24rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
				// white-space: nowrap;
			}
		}
	}
}
</style>
